<script setup lang='ts'>
import { useChannel } from '@/hooks/channel';
import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
const route = useRoute()
const art_id = ref("")
onMounted(() => {
    art_id.value = route.params.id as string
})

const { channelList } = useChannel()

</script>

<template>
    <div class="detail">
        <h1>文章详情页面{{ art_id }}</h1>
        <p>{{ JSON.stringify(channelList) }}</p>
    </div>

</template>

<style scoped>
.detail {
    width: 100%;
    height: 100vh;
    background-color: #fff;
}
</style>